<html>
  <head>
    <link rel="stylesheet" type="text/css" href="style.css" />
    <!-- mock.js is only required for local testing -->
    <script type="text/javascript" src="mock.js"></script>
    <script type="text/javascript" src="script.js"></script>
  </head>
  <body onload="initialize()" oncontextmenu="return false;">
    <div class="header">
      <div class="gentoologo"></div>
      <span id="current_time" class="time"></span>
    </div>
    <div class="login_content">
      <div class="login_container">
        <div class="center">
          <div id="user_template" class="user hidden smooth button">
            <div class="user_image_wrapper">
              <img class="user_image" src=""/>
            </div>
            <span class="user_name"></span>
          </div>
        </div>
        <div id="password_container" class="center hidden smooth">
          <form action="javascript: provide_secret()" class="password_prompt">
            <input id="password_entry" type="password" placeholder="Password" />
            <div id="session_container" class="smooth">
              <div id="session_template">
                <label>
                  <input type="radio" name="session">&nbsp;<span class="session_label"></span></input>
                </label>
              </div>
            </div>
          </form>
        </div>
      </div>
    </div>
    <div id="message" class="smooth">
      <div id="message_content"></div>
    </div>
    <div class="footer">
      <div id="action_suspend" class="action button">
        <div class="action_image_wrapper" onclick="lightdm.suspend();"><img class="action_image" src="img/sleep.svg"/></div>
        <span class="action_label">Sleep</span>
      </div>
      <div id="action_restart" class="action button">
        <div class="action_image_wrapper" onclick="lightdm.restart();"><img class="action_image" src="img/restart.svg"/></div>
        <span class="action_label">Restart</span>
      </div>
      <div id="action_shutdown" class="action button">
        <div class="action_image_wrapper" onclick="lightdm.shutdown();"><img class="action_image" src="img/shutdown.svg"/></div>
        <span class="action_label">Shutdown</span>
      </div>
    </div>
  </body>
</html>
